<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 外部代码（外链式) -->
    <script src="test.js" type="text/javascript"></script>
</head>
<body>
    <!-- 行内代码 -->
    <a href="javascript:alert('hello JavaScript')">点我</a>
    <!-- 所有可以设置url的地方都可以使用这种以 javascript:作为前缀的url
    当用户出发时，javascript:之后的js代码就会获得执行-->
    <!-- 将js代码写到元素的事件属性当中 -->
    <div onclick="window.alert('hello')">点呐</div>
    <!-- 这两种方式只适用于代码较少的时候，
        如果代码比较多，建议使用内部代码或单独js文件 -->


</body>
<script>
    //内部代码
    //<script>脚本标签，所有js内部代码都应该写在script标签中
    alert('hello ya!!!')
</script>
</html>